<Canvas
  xmlns="http://schemas.microsoft.com/client/2007"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="230" Height="410" >
  <Canvas.Triggers>
    <EventTrigger RoutedEvent="Canvas.Loaded">
      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="aboutLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_about"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="aboutLinkStoryboard2">
          <ColorAnimation 
            x:Name="aboutLinkColorAnimation"
            Storyboard.TargetName="rect_brush_about"
            Storyboard.TargetProperty="Color"
            To="Transparent" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="aboutLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_about_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_about_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="aboutLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_about_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_about_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>

      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="part1LinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_part1"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="part1LinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_part1"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="part1LinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_part1_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_part1_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="part1LinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_part1_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_part1_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>

      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="part2LinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_part2"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="part2LinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_part2"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="part2LinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_part2_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_part2_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="part2LinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_part2_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_part2_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>


      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="canvasLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_canvas"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="canvasLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_canvas"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="canvasLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_canvas_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_canvas_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="canvasLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_canvas_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_canvas_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>


      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="drawingLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_drawing"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="drawingLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_drawing"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="drawingLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_drawing_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_drawing_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="drawingLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_drawing_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_drawing_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>


      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="cgpLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_cgp"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="cgpLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_cgp"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="cgpLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_cgp_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_cgp_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="cgpLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_cgp_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_cgp_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>


      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="imagesLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_images"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="imagesLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_images"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="imagesLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_images_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_images_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="imagesLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_images_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_images_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>


      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="textLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_text"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="textLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_text"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="textLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_text_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_text_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="textLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_text_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_text_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>


      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="mediaLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_media"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="mediaLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_media"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="mediaLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_media_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_media_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="mediaLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_media_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_media_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>


      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="animationsLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_animations"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="animationsLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_animations"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="animationsLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_animations_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_animations_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="animationsLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_animations_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_animations_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>

      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="scriptingLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_scripting"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="scriptingLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_scripting"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="scriptingLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_scripting_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_scripting_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="scriptingLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_scripting_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_scripting_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>


      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="sampleLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_sample"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="sampleLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_sample"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="sampleLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_sample_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_sample_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="sampleLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_sample_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_sample_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>

      <BeginStoryboard>
        <Storyboard BeginTime="1"  x:Name="vsLinkStoryboard">
          <ColorAnimationUsingKeyFrames 
            Storyboard.TargetName="rect_brush_vs"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="#CCCCCC" KeyTime="0:0:10" />
            <LinearColorKeyFrame Value="#CCCCFF" KeyTime="0:0:20" />
          </ColorAnimationUsingKeyFrames>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="vsLinkStoryboard2">
          <ColorAnimation 
            Storyboard.TargetName="rect_brush_vs"
            Storyboard.TargetProperty="Color"
            To="Transparent"/>
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="vsLinkStoryboard3">
          <DoubleAnimation 
            Storyboard.TargetName="link_vs_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1.05" 
            Duration="0:0:0.3" />
          <DoubleAnimation 
            Storyboard.TargetName="link_vs_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1.05" 
            Duration="0:0:0.3" />
        </Storyboard>
      </BeginStoryboard>
      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="vsLinkStoryboard4">
          <DoubleAnimation 
            Storyboard.TargetName="link_vs_scale_transform"
            Storyboard.TargetProperty="ScaleX"
            To="1" />
          <DoubleAnimation 
            Storyboard.TargetName="link_vs_scale_transform"
            Storyboard.TargetProperty="ScaleY"
            To="1" />
        </Storyboard>
      </BeginStoryboard>

      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="backgroundRectangleStoryboard">
          <ColorAnimationUsingKeyFrames 
            
            Storyboard.TargetName="backgroundRectangleBrush"
            Storyboard.TargetProperty="Color">
            <LinearColorKeyFrame Value="White" KeyTime="0:0:0.3" />
            <LinearColorKeyFrame Value="White" KeyTime="0:0:1" />
            <LinearColorKeyFrame Value="White" KeyTime="0:0:10" />
          </ColorAnimationUsingKeyFrames>




        </Storyboard>
      </BeginStoryboard>




      <BeginStoryboard>
        <Storyboard BeginTime="1" x:Name="backgroundRectangleExitStoryboard">
          <ColorAnimation
            
            Storyboard.TargetName="backgroundRectangleBrush"
            Storyboard.TargetProperty="Color"
            To="Transparent" >
          </ColorAnimation>

        </Storyboard>
      </BeginStoryboard>

    </EventTrigger>
  </Canvas.Triggers>






  <Canvas 
      MouseEnter="javascript:canvas_MouseEnter"
      MouseLeave="javascript:canvas_MouseLeave" >



    <Rectangle 
      x:Name="backgroundRectangle"
      Width="230" Height="410">
      <Rectangle.Fill>
        <SolidColorBrush x:Name="backgroundRectangleBrush" Color="Transparent" />
      </Rectangle.Fill>
    </Rectangle>

    <Rectangle 
      Stroke="#CCCCCC" StrokeThickness="1"     
      Width="230" Height="410">
    </Rectangle>




    <Canvas 
      Canvas.Left="205" Canvas.Top="0" Width="25" Height="12.5"
      MouseEnter="javascript:closeButton_MouseEnter"
      MouseLeave="javascript:closeButton_MouseLeave"
      MouseLeftButtonDown="javascript:closeButton_MouseLeftButtonDown">
      <Canvas.Background>
        <SolidColorBrush x:Name="closeButtonBackgroundBrush" Color="#f8aab9" Opacity="0.25" />
      </Canvas.Background>

      <Path x:Name="closeButtonPath"
        Stroke="White" StrokeThickness="2"
        Data="M19,0 L6.5,12.5 M6.5,0 L19,12.5" />

      <Rectangle 
        Width="25" Height="13" 
        Stroke="#CCCCCC" StrokeThickness="1">
      </Rectangle>


      <Canvas.Triggers>
        <EventTrigger RoutedEvent="Loaded">
          <BeginStoryboard>
            <Storyboard BeginTime="1" x:Name="closeButtonMouseEnterStoryboard">
              <DoubleAnimation
                Storyboard.TargetName="closeButtonBackgroundBrush"
                Storyboard.TargetProperty="Opacity"
                To="1.0"
                Duration="0:0:0.3" />
            </Storyboard>
          </BeginStoryboard>
          <BeginStoryboard>
            <Storyboard BeginTime="1" x:Name="closeButtonMouseExitStoryboard">
              <DoubleAnimation
                Storyboard.TargetName="closeButtonBackgroundBrush"
                Storyboard.TargetProperty="Opacity"
                To="0.25"
                Duration="0:0:0.3" />
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
      </Canvas.Triggers>

    </Canvas>



    <!-- About link -->
    <Canvas 
      x:Name="link_about"
      Background="transparent"
      MouseEnter="javascript:hyperlink_MouseEnter_about"
      MouseLeave="javascript:hyperlink_MouseLeave_about"
      MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_about"
      Height="20" Width="230"
      Canvas.Top="10"
      RenderTransformOrigin="0.0,0.5">

      <Canvas.RenderTransform>
        <ScaleTransform x:Name="link_about_scale_transform" />
      </Canvas.RenderTransform>

      <Rectangle 
       x:Name="link_background_rect_about"
       Width="200" Height="20" RadiusX="4" RadiusY="4">
        <Rectangle.Fill>
          <SolidColorBrush x:Name="rect_brush_about" Color="Transparent" />
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock 
        x:Name="link_text_about"
        Canvas.Left="10" Canvas.Top="5"
        FontFamily="Verdana" FontSize="12pt">about this QuickStart</TextBlock>


    </Canvas>

    <Canvas 
      Canvas.Top="40" Width="230" Height="60">
      <Rectangle
         Width="230" Height="20">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
            <GradientStop Color="#666666" Offset="0.0" />
            <GradientStop Color="#999999" Offset="0.1" />
            <GradientStop Color="#99CCCCCC" Offset="0.9" />
            <GradientStop Color="#CCCCCC" Offset="1.0" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock 
        Canvas.Top="2"
        Canvas.Left="10"
        Foreground="White" 
        FontFamily="Verdana" FontSize="12pt" >get started</TextBlock>

      <!-- part 1 link -->
      <Canvas 
       Canvas.Top="20"
       x:Name="link_part1"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_part1"
       MouseLeave="javascript:hyperlink_MouseLeave_part1"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_part1"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_part1_scale_transform" />
        </Canvas.RenderTransform>

        <Rectangle 
         x:Name="link_background_rect_part1"
         Width="200" Height="20" RadiusX="4" RadiusY="4">

          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_part1" Color="Transparent" />
          </Rectangle.Fill>

        </Rectangle>

        <TextBlock 
          x:Name="link_text_part1"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">part 1: create a WPF/E project</TextBlock>
      </Canvas>


      <!-- part 2 link -->
      <Canvas 
       Canvas.Top="40"
       x:Name="link_part2"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_part2"
       MouseLeave="javascript:hyperlink_MouseLeave_part2"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_part2"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_part2_scale_transform" />
        </Canvas.RenderTransform>

        <Rectangle 
         x:Name="link_background_rect_part2"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_part2" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_part2"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">part 2: create a XAML file</TextBlock>
      </Canvas>
    </Canvas>



    <Canvas 
      Canvas.Top="110" Width="200" Height="60">
      <Rectangle
         Width="230" Height="20">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
            <GradientStop Color="#666666" Offset="0.0" />
            <GradientStop Color="#999999" Offset="0.1" />
            <GradientStop Color="#99CCCCCC" Offset="0.9" />
            <GradientStop Color="#CCCCCC" Offset="1.0" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock 
        Canvas.Top="2"
        Canvas.Left="10"
        Foreground="White" 
        FontFamily="Verdana" FontSize="12pt" >basics</TextBlock>

      <!-- canvas link -->
      <Canvas 
       Canvas.Top="20"
       x:Name="link_canvas"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_canvas"
       MouseLeave="javascript:hyperlink_MouseLeave_canvas"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_canvas"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_canvas_scale_transform" />
        </Canvas.RenderTransform>
        <Rectangle 
         x:Name="link_background_rect_canvas"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_canvas" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_canvas"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">the Canvas object</TextBlock>
      </Canvas>


      <!-- drawing link -->
      <Canvas 
       Canvas.Top="40"
       x:Name="link_drawing"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_drawing"
       MouseLeave="javascript:hyperlink_MouseLeave_drawing"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_drawing"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_drawing_scale_transform" />
        </Canvas.RenderTransform>
        <Rectangle 
         x:Name="link_background_rect_drawing"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_drawing" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_drawing"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">drawing and painting</TextBlock>
      </Canvas>


      <!-- cpg link -->
      <Canvas 
       Canvas.Top="60"
       x:Name="link_cgp"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_cgp"
       MouseLeave="javascript:hyperlink_MouseLeave_cgp"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_cgp"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_cgp_scale_transform" />
        </Canvas.RenderTransform>
        <Rectangle 
         x:Name="link_background_rect_cgp"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_cgp" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>


        <TextBlock 
          x:Name="link_text_cgp"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">common graphics properties</TextBlock>
      </Canvas>


      <!-- images link -->
      <Canvas 
       Canvas.Top="80"
       x:Name="link_images"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_images"
       MouseLeave="javascript:hyperlink_MouseLeave_images"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_images"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_images_scale_transform" />
        </Canvas.RenderTransform>
        <Rectangle 
         x:Name="link_background_rect_images"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_images" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_images"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">images</TextBlock>
      </Canvas>


      <!-- text link -->
      <Canvas 
       Canvas.Top="100"
       x:Name="link_text"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_text"
       MouseLeave="javascript:hyperlink_MouseLeave_text"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_text"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_text_scale_transform" />
        </Canvas.RenderTransform>
        <Rectangle 
         x:Name="link_background_rect_text"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_text" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_text"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">text</TextBlock>
      </Canvas>

      <!-- media link -->
      <Canvas 
       Canvas.Top="120"
       x:Name="link_media"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_media"
       MouseLeave="javascript:hyperlink_MouseLeave_media"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_media"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_media_scale_transform" />
        </Canvas.RenderTransform>

        <Rectangle 
         x:Name="link_background_rect_media"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_media" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_media"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">media (audio and video)</TextBlock>
      </Canvas>


    </Canvas>


    <Canvas 
          Canvas.Top="260" Width="200" Height="60">
      <Rectangle
         Width="230" Height="20">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
            <GradientStop Color="#666666" Offset="0.0" />
            <GradientStop Color="#999999" Offset="0.1" />
            <GradientStop Color="#99CCCCCC" Offset="0.9" />
            <GradientStop Color="#CCCCCC" Offset="1.0" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock 
        Canvas.Top="2"
        Canvas.Left="10"
        Foreground="White" 
        FontFamily="Verdana" FontSize="12pt" >animations and interactivity</TextBlock>

      <!-- animations link -->
      <Canvas 
       Canvas.Top="20"
       x:Name="link_animations"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_animations"
       MouseLeave="javascript:hyperlink_MouseLeave_animations"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_animations"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_animations_scale_transform" />
        </Canvas.RenderTransform>
        <Rectangle 
         x:Name="link_background_rect_animations"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_animations" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_animations"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">animations</TextBlock>
      </Canvas>


      <!-- scripting link -->
      <Canvas 
       Canvas.Top="40"
       x:Name="link_scripting"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_scripting"
       MouseLeave="javascript:hyperlink_MouseLeave_scripting"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_scripting"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_scripting_scale_transform" />
        </Canvas.RenderTransform>
        <Rectangle 
         x:Name="link_background_rect_scripting"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_scripting" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_scripting"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">scripting and mouse events</TextBlock>
      </Canvas>


      <!-- sample controls link -->
      <Canvas 
       Canvas.Top="60"
       x:Name="link_sample"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_sample"
       MouseLeave="javascript:hyperlink_MouseLeave_sample"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_sample"
       Height="20" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_sample_scale_transform" />
        </Canvas.RenderTransform>
        <Rectangle 
         x:Name="link_background_rect_sample"
         Width="200" Height="20" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_sample" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_sample"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">sample controls</TextBlock>
      </Canvas>


    </Canvas>

    <Canvas 
          Canvas.Top="350" Width="200" Height="60">
      <Rectangle
         Width="230" Height="20">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
            <GradientStop Color="#666666" Offset="0.0" />
            <GradientStop Color="#999999" Offset="0.1" />
            <GradientStop Color="#99CCCCCC" Offset="0.9" />
            <GradientStop Color="#CCCCCC" Offset="1.0" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock 
        Canvas.Top="2"
        Canvas.Left="10"
        Foreground="White" 
        FontFamily="Verdana" FontSize="12pt" >tools</TextBlock>

      <!-- vs link -->
      <Canvas 
       Canvas.Top="20"
       x:Name="link_vs"
       Background="transparent"
       MouseEnter="javascript:hyperlink_MouseEnter_vs"
       MouseLeave="javascript:hyperlink_MouseLeave_vs"
       MouseLeftButtonDown="javascript:hyperlink_MouseLeftButtonDown_vs"
       Height="40" Width="200"
       RenderTransformOrigin="0.0,0.5">
        <Canvas.RenderTransform>
          <ScaleTransform x:Name="link_vs_scale_transform" />
        </Canvas.RenderTransform>
        <Rectangle 
         x:Name="link_background_rect_vs"
         Width="200" Height="40" RadiusX="4" RadiusY="4">
          <Rectangle.Fill>
            <SolidColorBrush x:Name="rect_brush_vs" Color="Transparent" />
          </Rectangle.Fill>
        </Rectangle>

        <TextBlock 
          x:Name="link_text_vs"
          Canvas.Left="10" Canvas.Top="5"
          FontFamily="Verdana" FontSize="12pt">
          create a Visual Studio<LineBreak/> WPF/E project
        </TextBlock>
      </Canvas>
    </Canvas>
  </Canvas>
</Canvas>
